@charset "UTF-8";
/* 2010-10-28T11:33:20+09:00 */

/* Override */
body,
h1, h2, h3, h4, h5, h6,
p, ul, ol, li, dl, dt, dd, table,form{
  margin: 0;
  padding: 0;
  font-weight: normal;
  font-size: 100%;
}

table{
  border-collapse: collapse;
  empty-cells: show;
}

address{
  font-style: normal;
}

a{
  text-decoration: underline;
  color: #b22323;
}

a:visited{
  color: #974444;
}

a:hover{
  text-decoration: none;
  color: #f09300;
}

a img{
  border: none;
}

body{
  background-color: #fff;
  line-height: 1.15;
  font-family: メイリオ, Meiryo, 'ＭＳ Ｐゴシック', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif;
  font-size: 90%;
  color: #333;
  width: 300px;
}

/* ------------------------------------------- */
/* ------------------------------------------- */
/* レイアウト */
div.header,
div.nav,
div.subnav,
div.footer{
  min-width: 500px;
}

div.header-inner,
div.nav ul,
div.subnav ul,
div.container,
div.footer-inner{
  width: 500px;
  margin: 0 auto;
}

div.header-inner:after,
div.nav ul:after,
div.subnav ul:after,
div.container:after,
div.footer-inner:after{
  display: block;
  height: 0;
  clear: both;
  content: "";
}

/* ------------------------------------------- */
/* ヘッダ */
div.header{
  background-color: #b22323;
}

div.header-inner{
  position: relative;
  padding: 22px 0 25px;
  background: url("./bg_header.gif") no-repeat 0 0;
}

div.header .sitename{
  float: left;
  padding-left: 10px;
  margin-right: 20px;
}

div.header p.desc{
  height: 100%;
  overflow: hidden;
  padding-top: 28px;
  text-align: right;
  line-height: 1.5;
  font-size: 90%;
  color: #fff;
}

/* ヘッダ > 検索 */
div.header div.search{
  position: absolute;
  top: 12px;
  right: 0;
}

/* ナビゲーション共通 */
div.nav ul,
div.subnav ul{
  list-style: none;
}

div.nav li,
div.subnav li{
  float: left;
}

div.nav a,
div.subnav a{
  text-decoration: none;
}

/* メインナビゲーション */
div.nav{
  background: url("./bg_nav.gif") repeat-x left 50%;
  border-top: solid 1px #fff;
  border-bottom: solid 2px #d2d3c7;
}

div.nav a{
  display: block;
  padding: 10px 25px;
  background: url("./bg_nav_separater.gif") no-repeat 0 50%;
}

div.nav li.first a{
  padding-left: 0;
  background: none;
}

div.nav li.current a{
  font-weight: bold;
}

div.nav a,
div.nav a:visited{
  color: #fff;
}

div.nav a:hover{
  text-decoration: underline;
}

/* サブナビゲーション */

div.subnav{
  margin-top: 1px;
  background: #f6f6f1 url("./bg_subnav.gif") repeat-x left bottom;;
}

div.subnav li{
  margin-right: 23px;
  padding: 8px 5px 8px 10px;
  background: url("./icon_side.gif") no-repeat 0 1em;
  font-size: 90%;
}

div.subnav a,
div.subnav a:visited{
  color: #b22323;
}

div.subnav a:hover{
  color: #f09300;
}

div.container{
  padding-top: 18px;
}

/* トピックパス */
#topicpath{
  padding-bottom: 5px;
  line-height: 1.5;
  font-size: 80%;
  color: #666;
}

#topicpath span.separater{
  color: #bbb;
}

/* コンテンツエリア */
div.main{
  width: 500px;
  float: left;
  background: url("./bg_main.gif") no-repeat 0 0;
  padding-top: 20px;
}

div.main img {
  border: solid 1px #bcbdaa;
}

/* 各要素共通 */
div.main .title-l,
div.main .title-m,
div.main .title-s,
div.main h4,
div.main h5,
div.main h6,
div.main caption{
  font-weight: bold;
  color: #b22323;
}

div.main .title-s,
div.main h4,
div.main h5,
div.main h6,
div.main p,
div.main pre,
div.main ul,
div.main ol,
div.main dl,
div.main table{
  margin-left: 10px;
}

div.main h4,
div.main h5,
div.main h6{
  margin-bottom: 0.5em;
}

div.main p,
div.main ul,
div.main ol,
div.main dl,
div.main table{
  margin-bottom: 1.5em;
}

div.main ul,
div.main ol{
  margin-left: 30px;
}

div.main p,
div.main dl,
div.main ul,
div.main ol{
  line-height: 1.8;
}

div.main pre{
  background: #F6F6F1;
  padding: 8px;
  white-space: -moz-pre-wrap; /* Mozilla */
  white-space: -pre-wrap;     /* Opera 4-6 */
  white-space: -o-pre-wrap;   /* Opera 7 */
  white-space: pre-wrap;      /* CSS3 */
  word-wrap: break-word;      /* IE 5.5+ */
}

/* 見出し */
div.main .title-l{
  margin-bottom: 18px;
  padding-bottom: 1px;
  background: url("./bg_title_l.gif") no-repeat left bottom;
  font-size: 125%;
}

div.main .title-l span.caption{
  display: block;
  padding: 8px 0 9px 20px;
  background: url("./bg_title_l.gif") no-repeat 0 50%;
}

div.main .title-m{
  margin-bottom: 18px;
  padding-bottom: 1px;
  background: url("./bg_title_m.gif") no-repeat left bottom;
  line-height: 1.3;
  font-size: 110%;
}

div.main .title-m span.caption{
  display: block;
  padding: 3px 0 4px 16px;
  background: url("./bg_title_m.gif") no-repeat 0 50%;
}

div.main .title-s{
  margin-bottom: 0.5em;
  padding-left: 12px;
  background: url("./bg_title_s.gif") no-repeat 0 0.2em;
  line-height: 1.4;
  font-size: 105%;
}

/* 定義リスト */
div.main dd{
  margin-left: 1em;
}

/* テーブル */
div.main table,
div.main th,
div.main td{
  border: solid 1px #bcbdaa;
}

div.main th,
div.main td{
  padding: 5px 10px;
  line-height: 1.4;
}

div.main caption{
  padding-bottom: 5px;
}

div.main th{
  background-color: #eaeadf;
}

/* 右サイド */
div.util{
  width: 234px;
  float: right;
}

div.util h2{
  margin-bottom: 20px;
}

div.util div.block{
  margin-bottom: 15px;
  background: url("./bg_side_body.gif") repeat-y 0 0;
}

div.util div.block-body{
  height: 100%;
  padding: 10px 10px 5px 10px;
  background: url("./bg_side_btm.gif") no-repeat left bottom;
}

div.util div.block h2{
  margin-bottom: 0;
  background: url("./bg_title_side.gif") no-repeat 0 0;
  padding: 6px 10px 6px 12px;
  font-weight: bold;
  color: #fff;
}

div.util div.set{
  height: 100%;
  padding: 10px 0;
  background: url("./bg_side_separater.gif") repeat-x 0 0;
}

div.util div.set.first{
  padding-top: 0;
  background: none;
}

div.util h3{
  margin-bottom: 0.3em;
  padding-left: 9px;
  background: url("./icon_side.gif") no-repeat 0 0.5em;
  line-height: 1.2;
  font-weight: bold;
}

div.util p{
  margin-left: 10px;
  line-height: 1.4;
  font-size: 80%;
}

/* 右サイド > Redmine参考書籍 */
div.util div.book div.set{
  padding: 15px 0;
}

div.util div.book div.set.first{
  padding-top: 3px;
}

div.util div.book h3{
  padding-left: 0;
  background: none;
}

div.util div.book h3 img{
  display: block;
  margin: 0 auto 5px;
  border: solid 1px #c1c1c1;
}

div.util div.book h3 a:hover img{
  border: solid 1px #f09300;
}

div.util div.book h3 span.caption{
  display: block;
  line-height: 1.2;
}

/* 右サイド > バナー */
div.util ul.banner{
  margin-top: 20px;
  list-style: none;
}

div.util ul.banner li{
  display: inline;
}

div.util ul.banner img{
  display: block;
  margin-bottom: 10px;
}

/* ページの先頭へ */
p.pagetop{
  clear: both;
  padding-top: 25px;
  text-align: right;
}

/* フッタ */
div.footer{
  padding: 6px 0 30px;
  /padding-bottom: 1px;
  background: #8e1a1a url("./bg_footer.gif") repeat-x 0 0;
  line-height: 1.7;
  font-size: 75%;
  color: #fff;
}

div.footer ul{
  height: 100%;
  margin: 0 130px 30px 10px;
  padding: 13px 20px 15px 20px;
  background: url("./bg_footer_nav.gif") no-repeat left bottom;
  list-style: none;
  font-size: 110%;
}

div.footer li{
  display: inline;
  line-height: 2;
}

div.footer li a{
  display: -moz-inline-box;
  display: inline-block;
  margin-right: 23px;
  padding-left: 15px;
  background: url("./icon_footer_nav.gif") no-repeat 0 0.9em;
  color: #fff;
}

div.footer a,
div.footer a:hover,
div.footer a:visited{
  color: #fff;
}

div.footer address{
  float: left;
  padding-left: 10px;
}

div.footer p.powered{
  float: right;
  padding-top: 1.75em;
}

/* 外部リンク */
div.main a[href*="://"], div.util div.block a[href*="://"]
{
        padding-right: 15px;
        margin-right: 3px;
        background: url(./external-link.png) no-repeat center right;
}
